<template>
    <div class="add-goods">
        <div class="navbar">
            <el-button round @click="toggle('goods_basic')">基本信息</el-button>
            <el-button round @click="toggle('goods_price')">商品价格</el-button>
            <el-button round @click="toggle('goods_property')">商品属性</el-button>
            <el-button round @click="toggle('goods_photo')">商品图册</el-button>
            <el-button round @click="toggle('goods_detail')">商品详细</el-button>
        </div>
        <div class="togglebox">
            <div v-show="togglevalue=='goods_basic'">
                
            </div>
            <div v-show="togglevalue=='goods_price'">2222</div>
            <div v-show="togglevalue=='goods_property'">333</div>
            <div v-show="togglevalue=='goods_photo'">444</div>
            <div v-show="togglevalue=='goods_detail'">555</div>
        </div>
    </div>			
</template>

<script>

export default {
    data(){
        return{
            togglevalue:'goods_basic'
        }
    },
    created(){
  
    },
    methods:{
        toggle(value){
            this.togglevalue=value;
            // console.log(this.togglevalue);
        }
    }
}
</script>

<style lang="scss">
    .add-goods{
        .navbar{
            .el-button{
                margin-left: 25px;
            }
        }
    }
</style>
